img{display:block}.container{display:block;max-width:1550px;padding:0 15px;margin:0 auto}header{position:fixed;top:0;left:0;width:100%;z-index:100;transition:transform .5s,background-color .3s,box-shadow .3s}header .menu-white{position:absolute;top:0;left:0;width:100%;height:350px;background-color:#fff;z-index:1;transform:translateY(-290px);opacity:0;transition:all .3s}header .menu-white.active{opacity:1;transform:translateY(0)}header .nav-container{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1920px;padding:0 60px;height:110px;z-index:2}header .nav-container .logo{position:relative;display:block;width:284px;height:65px}header .nav-container .logo .logo-black{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-image:url(/cn/images/shared/logo-black.png);background-position:center center;background-size:cover;background-repeat:no-repeat;opacity:0;transition:opacity .3s}header .nav-container .logo .logo-write{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-image:url(/cn/images/shared/logo-write.png);background-position:center center;background-size:cover;background-repeat:no-repeat;transition:opacity .3s}header .nav-container .menu-group{display:flex;align-items:center;justify-content:flex-end;flex:1}header .nav-container .menu-item{position:relative;padding:35px 30px;height:100%}header .nav-container .menu-item .menu-item-title{position:relative;display:block;font-size:18px;font-weight:300;color:#fff;line-height:40px}header .nav-container .menu-item .menu-item-title::before{position:absolute;top:13px;left:-18px;display:block;content:"";width:12px;height:12px;border-radius:100%;background-color:#b9c442;transform:translateX(15px);opacity:0;transition:transform .2s,opacity .2s}header .nav-container .menu-item .sub-menu-card{position:absolute;top:110px;left:0;display:none;padding:20px 0;width:100%;transform:translateY(-50px);opacity:0}header .nav-container .menu-item .sub-menu-card .sub-menu-link{display:block;width:100%;padding:0 5px;box-sizing:border-box;text-align:center;font-size:16px;font-weight:300;line-height:40px;color:#666;transition:color .2s}header .nav-container .menu-item .sub-menu-card .sub-menu-link:hover{font-weight:300;color:#333}header .nav-container .menu-item .active-line{position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#fff;pointer-events:none;transform:scaleX(0);transform-origin:center center;transition:transform .2s}header .nav-container .menu-item:hover .menu-item-title::before{transform:translateX(0);opacity:1}header .nav-container .menu-item:hover .active-line{transform:scaleX(1)}header .nav-container .menu-item.active .sub-menu-card{display:block;animation:headershow .5s forwards;-webkit-animation:headershow .5s forwards}header .nav-container .menu-item.cur .menu-item-title::before{transform:translateX(0);opacity:1}header .nav-container .menu-item.cur .active-line{transform:scaleX(1)}header.hide{transform:translateY(-175px);pointer-events:none}header.active{background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.02)}header.active .nav-container .logo .logo-black{opacity:1}header.active .nav-container .logo .logo-write{opacity:0}header.active .nav-container .menu-item .menu-item-title{display:block;font-size:18px;font-weight:300;color:#333;line-height:40px}header.active .nav-container .menu-item .active-line{background-color:#333}header.white{box-shadow:0 2px 10px rgba(0,0,0,0.02)}header.white .nav-container .logo .logo-black{opacity:1}header.white .nav-container .logo .logo-write{opacity:0}header.white .nav-container .menu-item .menu-item-title{display:block;font-size:18px;font-weight:300;color:#333;line-height:40px}header.white .nav-container .menu-item .active-line{background-color:#333}footer{width:100%;box-sizing:border-box;background-color:#eff1f5}footer .footer-container{padding-top:75px}footer .footer-top{display:flex;justify-content:space-between;width:100%}footer .contact{width:350px}footer .contact .hot-line-text{font-size:14px;font-weight:300;color:#333333;line-height:16px;opacity:.5}footer .contact .phone{display:block;margin-top:8px;font-size:40px;font-weight:300;color:#535860;line-height:42px}footer .contact .info-group{width:100%;margin-top:14px}footer .contact .info-group .info-row{display:flex}footer .contact .info-group .info-row+.info-row{margin-top:6px}footer .contact .info-group .info-row .label{width:38px;font-size:14px;font-weight:300;color:#333;line-height:24px;opacity:.5}footer .contact .info-group .info-row .value{flex:1;display:block;font-size:14px;font-weight:300;color:#333;line-height:24px}footer .contact .pdf-link{display:flex;align-items:center;justify-content:center;margin-top:15px;width:300px;height:75px;background-color:#333;border-radius:15px;transition:all .2s}footer .contact .pdf-link:hover{background-color:#000}footer .contact .pdf-link .pdf-icon{width:40px;height:40px;background-size:cover;background-position:center center;background-repeat:no-repeat;background-image:url(/cn/images/home/pdf-icon.png)}footer .contact .pdf-link .pdf-right{padding-left:9px}footer .contact .pdf-link .pdf-right .title{font-size:20px;font-weight:bold;color:#fefefe;line-height:22px}footer .contact .pdf-link .pdf-right .sub-title{margin-top:4px;font-size:14px;font-weight:400;color:#a7cb31;line-height:16px}footer .footer-menu{flex:1;display:flex;justify-content:flex-end}footer .footer-menu .menu-items{display:flex;flex-direction:column}footer .footer-menu .menu-items+.menu-items{margin-left:83px}footer .footer-menu .menu-items .menu-title{position:relative;margin-bottom:14px;padding-left:17px;font-size:16px;font-weight:400;color:#333;line-height:18px}footer .footer-menu .menu-items .menu-title::before{position:absolute;top:3px;left:0;display:block;width:12px;height:13px;content:"";background-size:cover;background-position:center center;background-repeat:no-repeat;background-image:url(/cn/images/shared/decorate-line-green.png)}footer .footer-menu .menu-items .link{font-size:14px;font-weight:300;color:#333;line-height:36px;opacity:.6;transition:all .3s}footer .footer-menu .menu-items .link:hover{transform:translateX(-5px);color:#000}footer .footer-bottom{display:flex;align-items:center;justify-content:space-between;height:77px;margin-top:51px;border-top:1px solid rgba(153,153,153,0.3)}footer .footer-bottom .copy-right{font-size:12px;font-weight:300;color:rgba(51,51,51,0.4);line-height:40px}footer .footer-bottom .copy-right .beian{position:relative;top:-2px;display:inline-block;margin-right:2px;width:20px}footer .footer-bottom .other-link{display:flex;justify-content:flex-end;align-items:center;height:100%}footer .footer-bottom .other-link .link-item{width:36px;height:36px;margin-left:15px;border-radius:100%;background-color:#333;background-repeat:no-repeat;background-position:0 0;background-size:174px auto;background-image:url(/cn/images/shared/other-link-icon.png)}footer .footer-bottom .other-link .link-one{background-position:0 0}footer .footer-bottom .other-link .link-two{background-position:-47px 0}footer .footer-bottom .other-link .link-three{background-position:-92px 0}footer .footer-bottom .other-link .link-four{background-position:-138px 0}.mouse-block{position:fixed;top:-15px;left:-12px;width:20px;height:20px;border:1px solid #fff;background-color:#fff;border-radius:100px;mix-blend-mode:exclusion;will-change:transform;z-index:999999;pointer-events:none;opacity:0;transition:opacity .3s}.mouse-block.show{opacity:1}.public-explore-more{position:relative;display:flex;align-items:center;justify-content:center;width:277px;height:71px;border:1px solid rgba(139,142,155,0.3);overflow:hidden;transition:border-color .3s}.public-explore-more .button-text{position:relative;font-size:20px;font-weight:400;color:#ffffff;line-height:40px;z-index:1;transition:transform .3s,color .2s}.public-explore-more .bg-color{position:absolute;top:0;left:0;width:600px;height:600px;border-radius:1000px;display:block;background-color:#44c8c9;transform-origin:center center;transform:scale(0);transition:transform .5s;z-index:0;pointer-events:none}.public-explore-more .line{position:absolute;top:39px;right:54px;width:27px;height:2px;background-color:#fff;z-index:2;transform:translateX(-50px);opacity:0;transition:all .35s}.public-explore-more .arrow{position:absolute;top:27px;right:45px;width:13px;height:14px;background-size:cover;background-position:center center;background-repeat:no-repeat;background-image:url(/cn/images/shared/decorate-line-write.png);z-index:2;transform:translateX(-100px);opacity:0;transition:all .5s}.public-explore-more:hover{border-color:rgba(139,142,155,0)}.public-explore-more:hover .bg-color{transform:scale(1)}.public-explore-more:hover .line{position:absolute;top:39px;right:54px;width:27px;height:2px;background-color:#fff}.public-explore-more:hover .button-text{transform:translateX(-30px)}.public-explore-more:hover .line{right:54px;opacity:1;transform:translateX(0)}.public-explore-more:hover .arrow{right:45px;opacity:1;transform:translateX(0)}.inner-module-nav{position:relative;display:block;width:100%;height:67px;z-index:10}.inner-module-nav .fixed-nav-container{width:100%;height:67px;background-color:#fcfcfc}.inner-module-nav .fixed-nav-container.fixed{position:fixed;top:0;left:0;width:100%}.inner-module-nav .inner-nav-group{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;height:67px}.inner-module-nav .inner-nav-group .inner-nav-link{position:relative;flex:1;display:flex;align-items:center;height:100%;font-size:18px;font-weight:300;color:#666;line-height:24px;z-index:0;transition:color .2s}.inner-module-nav .inner-nav-group .inner-nav-link:hover,.inner-module-nav .inner-nav-group .inner-nav-link.active{color:#16c8c8}.inner-module-nav .inner-nav-group .active-line{position:absolute;bottom:0;left:0;width:0;height:3px;background-color:#16c8c8;z-index:1}.inner-module-nav.system .inner-nav-group .inner-nav-link:hover,.inner-module-nav.system .inner-nav-group .inner-nav-link.active{color:#16c8c8}.inner-module-nav.system .inner-nav-group .active-line{background-color:#16c8c8}.inner-module-nav.about .inner-nav-group .inner-nav-link:hover,.inner-module-nav.about .inner-nav-group .inner-nav-link.active{color:#58b490}.inner-module-nav.about .inner-nav-group .active-line{background-color:#58b490}.inner-module-nav.think .inner-nav-group .inner-nav-link:hover,.inner-module-nav.think .inner-nav-group .inner-nav-link.active{color:#006dad}.inner-module-nav.think .inner-nav-group .active-line{background-color:#006dad}.inner-module-nav.case .inner-nav-group .inner-nav-link:hover,.inner-module-nav.case .inner-nav-group .inner-nav-link.active{color:#cf223e}.inner-module-nav.case .inner-nav-group .active-line{background-color:#cf223e}.inner-module-banner{position:relative;width:100%;height:510px;background-size:cover;background-position:right center;background-repeat:no-repeat;overflow:hidden}.inner-module-banner::before{left:calc(50% + 350px)}.inner-module-banner .banner-container{position:relative;display:flex;align-items:center;height:100%;z-index:1}.inner-module-banner .banner-title-group .title-fine{font-size:56px;font-weight:300;line-height:68px;color:#fff}.inner-module-banner .banner-title-group .title-bold{margin-top:12px;font-size:20px;font-weight:300;line-height:34px;letter-spacing:3px;color:#fff}.inner-module-banner .inner-shadow{position:absolute;top:0;left:0;width:100%;height:147px;background-image:url(/cn/images/shared/shadow.png);background-repeat:repeat-x;background-size:auto 147px;z-index:2}.inner-module-banner .background-image{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;z-index:0;opacity:0;transform:scale(1);transition:opacity .5s,transform 10s}.inner-module-banner.show .background-image{opacity:1;transform:scale(1.1)}.inner-module-banner.news-banner{height:400px}.inner-module-banner.system{background-color:#16c8c8}.inner-module-banner.system .background-image{background-image:url(/cn/images/system/banner.png)}.inner-module-banner.about{background-color:#58b490}.inner-module-banner.about .background-image{background-image:url(/cn/images/about/banner.png)}.inner-module-banner.think{background-color:#006dad}.inner-module-banner.think .background-image{background-image:url(/cn/images/think/banner.png)}.inner-module-banner.case{background-color:#000000}.inner-module-banner.case .banner-title-group .case-title{font-size:28px;font-weight:300;color:#fff;line-height:40px}.inner-module-banner.case .background-image{background-image:url(/cn/images/case/case-list-banner.jpg)}.preload-show{opacity:1 !important}.fixed-alert{position:fixed;top:calc(50% - 305px);left:calc(50% - 600px);width:1200px;height:569px;pointer-events:none;z-index:999}.fix-right{position:fixed;bottom:60px;right:30px;z-index:999;pointer-events:auto}.fix-right .qr-icon{position:relative;display:flex;justify-content:center;align-items:center;width:50px;height:50px;margin-top:20px;background-color:#333;border:1px solid #e5e5e5;border-radius:25px;user-select:none;-webkit-user-drag:none}.fix-right .qr-icon .icon-image{width:26px;height:26px;background-image:url(/cn/images/shared/one-active.png);background-repeat:no-repeat;background-size:cover}.fix-right .qr-icon .qr-bg{position:absolute;right:72px;top:-120px;display:none;padding-top:10px;width:165px;height:205px;background-color:#fff;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,0.1);pointer-events:none}.fix-right .qr-icon .qr-bg::before{position:absolute;right:-20px;bottom:50px;display:block;content:"";border:10px solid transparent;border-left:10px solid #fff}.fix-right .qr-icon .qr-bg .qr-box{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.fix-right .qr-icon .qr-bg .qr-box .code-img{width:100%;height:100%}.fix-right .qr-icon .qr-bg .qr-box .code-text{font-size:12px;font-weight:300;color:#333;line-height:16px;text-align:center}.fix-right .qr-icon.active{background-color:#fff}.fix-right .qr-icon.active .icon-image{background-image:url(/cn/images/shared/icon-one.png)}.fix-right .qr-icon.active .qr-bg{display:block}.fix-right .contatc-icon{position:relative;display:flex;justify-content:center;align-items:center;width:50px;height:50px;background-color:#333;border:1px solid #e5e5e5;border-radius:25px;cursor:pointer;user-select:none;-webkit-user-drag:none}.fix-right .contatc-icon .tips-img{position:absolute;top:-12px;right:40px;display:block;padding-top:16px;padding-left:45px;width:155px;height:85px;font-size:14px;font-weight:400;color:#333;line-height:40px;background-position:center center;background-size:cover;background-repeat:no-repeat;background-image:url(/cn/images/shared/tips-box.png);pointer-events:none;opacity:0}.fix-right .contatc-icon:hover .tips-img{opacity:1}.fix-right .icon-img{display:block;width:26px;pointer-events:none;user-select:none;-webkit-user-drag:none}.public-alert-box{position:absolute;top:calc(50% - 280px);left:calc(50% - 600px);width:1200px;height:600px;padding:35px 60px 92px 60px;background-repeat:no-repeat;background-size:cover;background-image:url("/cn/images/shared/alert-bg.png");display:flex;z-index:100;box-sizing:border-box;transform:scale(0);transform-origin:right bottom;transition:transform .3s;pointer-events:auto}.public-alert-box .alert-left .left-item{width:527px;margin-top:40px}.public-alert-box .alert-left .left-item .item-title{font-size:24px;font-weight:400;color:#fff;line-height:36px}.public-alert-box .alert-left .left-item .item-content-box{display:flex;flex-wrap:wrap;margin-top:9px}.public-alert-box .alert-left .left-item .item-content-box .item-content{padding-bottom:8px;width:130px;font-size:14px;font-weight:300;color:rgba(255,255,255,0.7);line-height:26px}.public-alert-box .alert-left .left-item:first-child{width:520px}.public-alert-box .alert-right{padding-top:120px;padding-left:100px}.public-alert-box .alert-right .right-title{font-size:26px;font-weight:300;color:#fff;line-height:36px}.public-alert-box .alert-right .right-contact-title{padding-top:50px;font-size:14px;font-weight:300;color:#fff;line-height:20px;opacity:.8}.public-alert-box .alert-right .right-phone{padding-top:5px;font-size:40px;font-weight:300;color:#fff;line-height:40px}.public-alert-box .alert-right .right-bottom{display:flex;padding-top:60px}.public-alert-box .alert-right .right-bottom .right-contact-btn{display:flex;justify-content:center;align-items:center;width:178px;height:54px;font-size:16px;font-weight:300;color:#fff;line-height:40px;background:#23b1ac}.public-alert-box .alert-right .right-bottom .right-get-btn{position:relative;display:flex;justify-content:center;align-items:center;margin-left:10px;width:109px;height:54px;border:1px solid rgba(255,255,255,0.3);transition:all .3s}.public-alert-box .alert-right .right-bottom .right-get-btn .get-btn-text{font-size:16px;font-weight:300;color:#fff;line-height:40px;transition:all .3s}.public-alert-box .alert-right .right-bottom .right-get-btn .get-btn-code{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);display:none;flex-direction:column;align-items:center;width:126px;height:153px;background-image:url(/cn/images/shared/book-bg.png);background-repeat:no-repeat;background-size:cover}.public-alert-box .alert-right .right-bottom .right-get-btn .get-btn-code .btn-code-img{width:110px;height:110px;margin-top:6px}.public-alert-box .alert-right .right-bottom .right-get-btn .get-btn-code .btn-code-text{margin-top:6px;font-size:14px;font-weight:300;color:#333;line-height:16px}.public-alert-box .alert-right .right-bottom .right-get-btn:hover{background-color:#fff}.public-alert-box .alert-right .right-bottom .right-get-btn:hover .get-btn-text{color:#333}.public-alert-box .alert-right .right-bottom .right-get-btn:hover .get-btn-code{display:flex}.public-alert-box .close-icon{position:absolute;right:30px;top:30px;width:20px;height:20px;background-repeat:no-repeat;background-size:cover;background-image:url(/cn/images/shared/close.png)}.public-alert-box.show{transform:scale(1)}.same-case{width:100%;background-color:#fff}.same-case .case-box{width:100%;padding-top:100px;padding-bottom:140px}.same-case .case-box .title{font-size:54px;font-weight:bold;color:#333;line-height:56px}.same-case .case-box .case-group{display:flex;justify-content:space-between;width:100%;margin-top:36px}.same-case .case-box .case-item{width:calc(50% - 31px)}.same-case .case-box .case-item .case-item-box{position:relative}.same-case .case-box .case-item .case-item-box .case-cover{display:block;width:100%;opacity:0;transition:all .3s}.same-case .case-box .case-item .case-item-box.show .case-cover{opacity:1}.same-case .case-box .case-item .case-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;height:90px;padding:0 18px}.same-case .case-box .case-item .case-bottom .case-title{width:90%;font-size:26px;font-weight:500;color:#333;line-height:64px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.same-case .case-box .case-item .case-bottom .arrow{width:36px;height:14px;background-size:36px auto;background-repeat:no-repeat;background-position:center center;background-image:url(/cn/images/think/think-arrow.png);opacity:0;transform:translateX(-50px);transition:transform .2s,opacity .2s}.same-case .case-box .case-item .case-bottom .active-line{position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#006dad;transform:scaleX(0);transform-origin:left center;transition:transform .2s}.same-case .case-box .case-item:hover .arrow{opacity:1;transform:translateX(0)}.same-case .case-box .case-item:hover .active-line{transform:scaleX(1)}.case-bottoms{padding-bottom:100px;background-color:#fff}.case-bottoms .case-slogan{display:block;margin:0 auto}.case-bottoms .case-back{display:flex;justify-content:center;align-items:center;margin:0 auto;margin-top:60px;width:251px;height:71px;font-size:20px;font-weight:400;color:#fff;line-height:40px;background:#aacd06;border:1px solid transparent;transition:all .3s}.case-bottoms .case-back .back-icon{margin-right:15px;width:30px;height:21px;background-repeat:no-repeat;background-size:cover;background-image:url(/cn/images/about/news/white-arrow.png);transition:all .3s}.case-bottoms .case-back:hover{color:#333;background:transparent;border:1px solid #333}.case-bottoms .case-back:hover .back-icon{background-image:url(/cn/images/about/news/black-arrow.png)}.loading{display:flex;justify-content:center;align-items:center;height:200px}.loading .loading-box{display:flex;align-items:center;animation:loading 2s infinite}.loading .loading-box .loading-side{width:10px;height:9px;background-repeat:no-repeat;background-size:cover;background-image:url("/cn/images/about/news/loading-side.png")}.loading .loading-box .loading-center{margin:0 4px;width:12px;height:13px;background-repeat:no-repeat;background-size:cover;background-image:url("/cn/images/about/news/loading-center.png")}.loading.hide{display:none}.no-data{display:none;justify-content:center;align-items:center;height:100px}.no-data .no-date{font-size:16px;color:#999}.no-data.show{display:flex}.nb-nodeboard-top.nb-nodeboard-top-9.nb-nodeboard-top-shadow{display:none !important}.nb-icon-wrap.nb-icon-base.icon-right-center.nb-icon-skin-9.nb-icon-icon{display:none !important}@keyframes loading{0%{transform:rotateY(0)}100%{transform:rotateY(360deg)}}@keyframes lazyloading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes headershow{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@-webkit-keyframes headershow{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@media screen and (max-width:1367px){.inner-module-banner .banner-title-group .title-fine{font-size:46px;line-height:68px}.inner-module-banner .banner-title-group .title-bold{font-size:16px;line-height:34px}.inner-module-banner.case .banner-title-group .case-title{font-size:28px;line-height:40px}.case .case-box .title{font-size:46px}.fixed-alert{top:calc(50% - 305px);left:calc(50% - 600px)}.public-alert-box{top:calc(50% - 290px)}}